<template>
  <div class="Theobsert">
    <el-table border :data="obsertData" height="95%" style="width: 100%;">
      <el-table-column type="selection" width="60"></el-table-column>
      <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
      <el-table-column align="center" prop="sblx" label="变电站名称" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column
        align="center"
        prop="yxzsc"
        label="区域名称"
        width="180"
        :show-overflow-tooltip="true"
      ></el-table-column>
      <el-table-column align="center" prop="zxsj" label="关联人员" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column align="center" prop="lxsj" label="授权开始时间" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column align="center" prop="lxsj" label="授权结束时间" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column
        align="center"
        prop="zxl"
        label="取消授权"
        min-width="60"
        :show-overflow-tooltip="true"
      >
        <span class="xs infoName">取消</span>
      </el-table-column>
    </el-table>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";

@Component
export default class extends Vue {
  @Prop() private obsertData!: Array<any>[]; //表格数据
}
</script>

<style lang="scss" scoped>
.Theobsert {
  height: 580px;
  overflow-y: auto;
}
</style>

